@charset "utf-8";
/* --reset-- */
body,div,span,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dd,ol,p,i,b,strong,a,table,th,td,form,input,textarea{margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{font-family:'Microsoft Yahei',"PingFang SC",'Microsoft JhengHei',Helvetica,Tahoma;}
i,ol,ul,li{font-style:normal;list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
a{color:#333;text-decoration:none;-webkit-transition:all 0.35s;transition:all 0.35s;}
@font-face{font-family:FuturaLT;src:url('../fonts/FuturaLT.otf');}
@font-face {font-family:bahnschrift;src:url('../fonts/bahnschrift.ttf');}
@font-face{font-family:wurairun;src:url('../fonts/wurairun.ttf');}
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent;background:#f8f8f8;border-radius:6px;}
::-webkit-scrollbar-thumb{border-radius:6px;background:#18943b;}
::-webkit-input-placeholder{font-family:'Microsoft YaHei';color:#999;}
.ts035{-webkit-transition:all 0.35s;transition:all 0.35s;}
.ts05{-webkit-transition:all 0.5s;transition:all 0.5s;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.hidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.valign-middle{display:table-cell;vertical-align:middle;}
.start-center{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:start;}
.center-center{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.center-center-colume{height:100%;display:flex;flex-direction:column;align-items:left;justify-content:center;}

/* --public-- */
.content{width:1360px;padding:0 20px;margin:auto;position:relative;}
.padding{padding-top:60px;padding-bottom:60px;}

/* --top-- */
.headertop{height:35px;background:#f9f9f9;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.headertop .wz{height:35px;font-size:14px;color:#333;line-height:35px;float:left;overflow:hidden;}
.headertop .btn{height:35px;float:right;overflow:hidden;}
.headertop .btn a{font-size:14px;color:#333;line-height:35px;background-repeat:no-repeat;background-position:left center;float:left;}
.headertop .btn i{width:1px;height:15px;margin:10px 20px;background:#ccc;float:left;}
.headertop .btn a:hover{color:#f39501;}

/* --header-- */
.header{height:126px;background:#FFF;overflow:hidden;}
.header .logo{width:880px;height:126px;float:left;overflow:hidden;}
.header .logo img{width:100%;display:block;}
.header .logo a{display:inline-block;}
.header .tel{height:126px;padding-top:34px;padding-left:60px;background:url(../images/tel.png) no-repeat left center;float:right;overflow:hidden;}
.header .tel b{font-size:36px;line-height:42px;color:#00c55f;font-weight:normal;font-family:bahnschrift;}
.header .tel p{font-size:14px;line-height:20px;color:#999;}

/* --nava-- */
.nava{height:60px;background:#2543c8;overflow:hidden;}
.nava li{width:164px;height:60px;float:left;position:relative;}
.nava li .navaLi{font-size:16px;color:#FFF;line-height:60px;text-align:center;display:block;}
.nava li .navaLi:hover{background:#00c55f;}
.nava i{width:1px;height:60px;background:url(../images/navaline.png) no-repeat center;float:left;}

/* --banner-- */
.banner{height:690px;overflow:hidden;}
.swiperBanner{width:100%;height:100%;margin:auto;overflow:hidden;position:relative;}
.swiperBanner .swiper-slide{overflow:hidden;position:relative;}
.swiperBanner .swiper-slide .imgScale {width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.swiperBanner .pagination{width:auto !important;height:4px !important;right:50% !important;bottom:6% !important;left:auto !important;margin-right:-620px;float:right;position:absolute;z-index:99;}
.swiperBanner .pagination .swiper-pagination-bullet{width:50px;height:4px;opacity:0.5;border-radius:0;position:relative;background:#FFF;margin:0 0 0 5px !important;float:left;}
.swiperBanner .pagination .swiper-pagination-bullet-active{opacity:1;}

/* --footer-- */
.footer{background:#2a2a2a;overflow:hidden;}
.footer .logo{padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.4);}
.footer .logo img{width:auto;display:block;}
.footer .fnava{width:330px;margin-top:40px;float:left;}
.footer .fnava .bt{margin-bottom:20px;font-size:18px;color:#999;line-height:36px;font-weight:bold;}
.footer .fnava .bt b{color:#eee;}
.footer .fnava a{width:110px;height:36px;line-height:36px;font-size:15px;color:#999;float:left;}

.footer .flink{width:560px;margin-top:40px;margin-left:250px;float:left;}
.footer .flink .bt{margin-bottom:20px;font-size:18px;color:#999;line-height:36px;font-weight:bold;}
.footer .flink .bt b{color:#eee;}
.footer .flink p{height:36px;line-height:36px;font-size:15px;color:#999;padding-left:44px;}
.footer .flink .tel{background:url(../images/footerman.png) no-repeat left center;}
.footer .flink .add{background:url(../images/footeradd.png) no-repeat left center;}

.footer .ewm{margin-top:60px;float:right;}

.copyright{background:#141414;padding:20px 0;overflow:hidden;}
.copyright span{font-size:14px;color:#999;line-height:24px;}
.copyright span:nth-of-type(1){float:left;}
.copyright span:nth-of-type(2){float:right;}
.copyright span a{color:#999;}
.copyright span a:hover{color:#FFF;}

/* --分页-- */
.de-page-mian {
  margin:40px 0 0;
  font-size: 0;
  overflow: hidden;
  text-align: center;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #158edd;
  background: #158edd;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

/* --暂无内容-- */
.no-goods{padding:200px 0;overflow:hidden;text-align:center;}
.no-goods img{width:220px;max-height: 105px;display: block;margin:0 auto 30px;}
.no-goods p{font-size:16px;color:#666666;line-height:24px;}


/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .bt{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{cursor:pointer;}
.txt-upDown-li:hover .bt .page-a{color:#2543c8;}
.txt-upDown-li:hover .bt a{color:#2543c8;}
.txt-upDown-li.txt-right{text-align:right;}


/* --动画-- */
@-webkit-keyframes imgScale {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
}
@keyframes imgScale {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
}

@keyframes moveInLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


@keyframes moveInLeftSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInLeftSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInRightSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInRightSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInDownSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInDownSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInUpSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInUpSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


@keyframes moveInFade{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes moveInFade{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes moveInBlow{
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-webkit-keyframes moveInBlow{
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

@keyframes loopCir{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes loopCir{
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}


@keyframes circlespread{
	0% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
	50% {
		-webkit-box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
	}
	100% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
}
@-webkit-keyframes circlespread{
	0% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
	50% {
		-webkit-box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
	}
	100% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
}
@keyframes circlepulse{
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(3);
		opacity: 0;
	}
}
@-webkit-keyframes circlepulse{
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(3);
		opacity: 0;
	}
}




@media screen and (max-width: 1600px){
	.publicBox{width:84%;}
	
}
@media screen and (max-width: 1280px){
	.publicBox{width:88%;}
	
	
	
}
@media screen and (max-width: 960px){
	.publicBox{width:92%;}
	.publicPadding{padding:6% 0;}
	
	
}